﻿<template>
      <!--send box s-->
    <div class="Give_other_box" v-on:touchstart.self="hid_layer">
      <div class="wrap_letter_send_box">
        <p class="letter_title_wrap">
          <i>
            <img src="../../static/img/layer_certain_ok_sign.png" alt="" class="layer_ok">
          </i>
          <span class="letter_title">
            赠予信息
          </span>
        </p>
        <p class="fs85rem">
          愿你们能成为更好
        </p>
        <p class="fs85rem m_b_65">
          的知己好友！
        </p>
        <div class="wrap_user_img">
          <img v-bind:src="this.user_data.image" alt="">
        </div>
        <!--<p class="next_title">
          接下来你可以:
        </p>-->
       <!-- <div class="layer_certain_btn_1"></div>-->
        <!--<div class="layer_certain_btn_1">跟深入的了解Ta</div>-->
        <!--<div class="layer_certain_btn_2"></div>-->
        <!--<div class="layer_certain_btn_3"></div>-->
      </div>
    </div>
</template>
<script>
  import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
  import "../../static/css/Letter/Certain_layer.css";
  import IScroll from "iscroll";
  //limit_Scroll
  import limit_scroll from "../../static/js/limit_scroll.js"
  import "../../static/css/Letter/Certain_layer.css";
export default {
  name: 'hello',
  data () {
    return {
      get_layer_show: this.$store.getters.get_layer_show,
      hid_layer_data: [],
      user_data: this.$store.getters.get_youyuanren_mess
    }
  },
  mounted: function () {
    console.log("box)_)_)_)_++++++++++++++++++++++++")
    console.log(this.user_data);
    console.log(this.$store.getters.get_youyuanren_mess)
  },
  updated: function () {
    console.log("updata")
    console.log(this.user_data)
    console.log(this.$store.getters.get_youyuanren_mess)
  },
  props:["f_hide_layer"],
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
    "Change_certain_layer"
  ]),
  methods: {
    //页面跳转
    //certain_jump: function () {
    //  this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    //},
    hid_layer: function () {
      //alert("hid_layer_data")
      this.$emit("newNodeEvent");
    }
  }
}
</script>
<style scoped>
  .m_b_65{
    margin-bottom:0.65rem;
  }
  .fs85rem {
    font-size: 0.7rem;
    font-weight:500;
  }
  .letter_title_wrap {
    font-weight:600;
    margin-bottom: 1.2rem;
    margin-top: 1.4rem;
  }
  .letter_title {
    font-size: 0.85rem;
  }
  .layer_certain_btn_1 {
    width: 53%;
    background-image: url("../../static/img/deep_konw.jpg")
  }
  .layer_certain_btn_2 {
    width: 53%;
    background-image: url("../../static/img/get_letter.jpg")
  }
  .layer_certain_btn_3 {
    width: 60%;
    background-image: url("../../static/img/give_other.jpg")
  }
  .Give_other_box {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 100;
  }
  .wrap_letter_send_box {
   // height: 18rem;
   height:10rem;
  }

  .letter_send_box p:nth-child(1) {
    margin-top: 1rem;
  }

  .letter_send_box p:nth-child(2) {
    margin-top: 1rem;
  }

  .layer_certain_btn_1 {
    width: 60%;
    height: 2rem;
    line-height: 2rem;
    margin: 0 auto 0.1rem;
  }

  .layer_certain_btn_2 {
    width: 60%;
    height: 2rem;
    line-height: 2rem;
    margin: 0 auto 0.1rem;
  }

  .wrap_user_img {
    margin-bottom: 0.5rem;
  }
  .wrap_letter_send_box{
    background-color:#fff;
    background-image:none;
  }
</style>


